function showTime(){
	var d = new Date();
	var y = d.getFullYear();
	var mon =d.getMonth()+1;
	var date = d.getDate();
	var h=d.getHours();
	var min=d.getMinutes();
	if(min<10) min="0"+min;
	var s=d.getSeconds();
	if(s<10) s="0"+s;
	var t =y+"-"+mon+"-"+date+" "+h+":"+min+":"+s
	document.getElementById("time").innerHTML=t;
	return t;
}
// console.log(showTime())


// 页面加载事件
window.onload = function(){
	showTime()
	// 定时函数
	window.setInterval(showTime,1000)
	// 图片是显示和隐藏
	showImg()
	window.setInterval(showImg,4000)
	// 给数字li绑定事件
	var numsLis=document.getElementById("nums").getElementsByTagName("li");
	for(var i=0;i<numsLis.length;i++){
		numsLis[i].onclick = function(){
			console.log(this.innerHTML)
			var li_index=parseInt(this.innerHTML)-1;
			// 显示图片索引值
			showImg();
		}
	}
	
}

// window.onload = function(){
// 	showTime()
// 	window.setInterval(function(){
// 		var time = showTime
// 		document.getElementById("time").innerHTML = time;
// 	},1000)
	
// }

function soso(){
	var content= document.getElementById('content').value;
	alert("搜索的内容是："+content)
}

// 图片切换
var index=0;
function showImg(){
	var imgsLis=document.getElementById("imgs").getElementsByTagName("li");
	// 获取数字li
	var numsLis=document.getElementById("nums").getElementsByTagName("li");
	// 循环imgsLis数组，判断循环的索引值，如果索引和index相等，就显示否则不显示
	for(var i=0;i<imgsLis.length;i++){
		if (i==index){
			imgsLis[i].style.display='block';
			numsLis[i].style.backgroundColor='red';
		}else{
			imgsLis[i].style.display='none';
			numsLis[i].style.backgroundColor='#808080';
			
		}
	}
	index ++;
	if(index == imgsLis.length){
		index = 0;
	}
}

// 使用jquery编写页面加载
$(function($){
	// 获取广告图片数据
	$.getJSON('http://127.0.0.1:8080/AdimgsServlet',{},function(data){
		console.log(data);
		//循环遍历从后台获取的数据
		if(data.length==4){
			var content =''
			for(var i =0;i<data.length;i++){
			content = content + '<li><a href="' + data[i].img_page + '"><img src = "http://127.0.0.1:8080/' + data[i].img_url +'" alt="'+ data[i].img_desc + '"></a></li>';
			}
			// 将content内容放到di为imgs 节点中
			document.getElementById('imgs').innerHTML = content;
		}
		
	});
});
// tab显示效果
function showTab(id){
	if(id=='computer'){
		document.getElementById(id).style.display ='block';
		document.getElementById('phone').style.display ='none';
		document.getElementById('center_right_b_t').className='computer'
	}else{
		document.getElementById(id).style.display ='block';
		document.getElementById('computer').style.display ='none';
		document.getElementById('center_right_b_t').className='phone'
	}
}

// 广告隐藏
function hiddenAd(id){
	document.getElementById(id).style.display = 'none'
}